<template>
	<view class="content">
		<!-- <image class="logo" src="/static/logo.png"></image> -->
		<Header :name="name"></Header>
		<view>
			<view class="adoption-category">
				<span>认养列表</span>
			</view>
			<view class="adoption-list">
				
				<view class="content">
					<view class="adoption-items">
						<adoption-item
							image-src = '../../static/images/profile/student.png'
							title = "密云走地鸡"
							time-span="2023/7/1 - 2023/9/30"
							category="北京油鸡"
							period="1-2年"
							output="2.5kg+"
							:price="150"
							unit="只"
							:tags="[]"
						></adoption-item>
						
					</view>
					
				</view>
			</view>
		</view>
		<!-- 底部导航 -->
	    <Tabar :value='value'></Tabar>
	</view>
</template>

<script>
	import Tabar from'@/pages/componment/tabar.vue'
	import Header from '@/pages/componment/Header.vue'
	export default {
		components:{ Tabar,Header },
		data() {
			return {
				name:'认养列表',
				title: '列表',
				value:1,
			}
		},
		onLoad() {

		},
		methods: {
		goClick(e){
			console.log(e)
			this.$router.push({'path':'@/pages/PersonalCenter/index.vue'})
         }
		}
	}
</script>

<style lang="less">
	page {
		background-color: #efefef;
	}
	
	.adoption-category {
		font-weight: 600;
		padding: 30rpx 20rpx 5rpx 20rpx;
	}
	
	.adoption-list {
		
		.content {
			
			margin-left: 8rpx;
			margin-right: 8rpx;
			
			.adoption-items {
				padding: 5rpx 5rpx;
			}
			
		}
	
	}
</style>
